var currentPage = 1;
var pageSize = 2;

// 动态生成表格
function renderTable() {
  // var data = parent.getAlBooks();
  var data = parent.getBook(currentPage, pageSize);
  $('#book-table tbody').text('');
  for (var i = 0; i < data.length; i++) {
    var tr = `
      <tr>
          <td><input type="checkbox" class="book-state"></td>
          <td>${data[i].bookName}</td>
          <td>${data[i].time}</td>
          <td>
            <button type="button" class="layui-btn" data-bookid="${data[i].bookId}">查看</button>
            <button class="layui-btn layui-btn-normal edit" data-bookid="${data[i].bookId}">编辑</button>
            <button type="button" class="layui-btn layui-btn-danger del" data-bookid="${data[i].bookId}">删除</button>
          </td>
        </tr>
    `;
    $('#book-table tbody').append($(tr));
  }
}

// 事件委托 - 删除书籍
$('#book-table').on('click', '.del', function () {
  var bookId = $(this).attr('data-bookid');
  console.log(bookId);

  layer.confirm('确认删除该条数据吗?', { icon: 3, title: '提示' }, function (index) {
    parent.delBook(bookId); // 删的数据
    renderTable(); // 更新页面

    layer.close(index);
  }, function () {
    console.log('取消删除');
  });
});

// 事件委托-编辑
$('#book-table').on('click', '.edit', function () {
  var bookId = $(this).attr('data-bookid');
  console.log(bookId);

  parent.editIframe('book_edit.html?bookid=' + bookId);
});


// 分页处理
layui.use('laypage', function () {
  var laypage = layui.laypage;

  //执行一个laypage实例
  laypage.render({
    elem: 'pagenation', // 注意，这里的 test1 是 ID，不用加 # 号
    count: parent.getBookCount(),  // 数据总数，从服务端得到
    limit: pageSize,
    jump: function (obj, first) { // 点击页码跳转
      // obj包含了当前分页的所有参数，比如：
      console.log(obj.curr); // 得到当前页，以便向服务端请求对应页的数据。
      console.log(obj.limit); //得到每页显示的条数
      currentPage = obj.curr;

      renderTable();

      //首次不执行
      if (!first) {
        console.log('不是第一次')
      }
    }
  });
});

// 新增书籍
$('#add-book').on('click', function () {
  parent.editIframe('book_edit.html');
});